



<script>

</script>

<container>
    <menu>
        <ul class="menu">
            <li><a href="/settings/profile">profile</a></li>
            <li><a href="/settings/account">account</a></li>
            <li><a href="/settings/email">email</a></li>
        </ul>
    </menu>
    <menuBody>
        <slot></slot>
    </menuBody>
</container>

<style>

    li {
        line-height: 30px;
        color: #f0f0f0;
        border: 1px solid #555555;
    }

    container {
        display: flex;
        flex-direction: row;
    }

    menu, menuBody {
        display: flex;
    }

    menu {
        width: 200px;
    }

    menuBody {
        flex: 1;
    }
</style>